<template>
   <div class="account_wrapper">
     <el-tabs tab-position="left" v-model="activeUpdateName">
        <el-tab-pane name="info" label="信息修改">
            <updateUseInfo></updateUseInfo>
        </el-tab-pane>
        <el-tab-pane name="password" label="密码修改">
            <updateUsePassword></updateUsePassword>
        </el-tab-pane>
      <el-tab-pane name="mobile" label="手机号修改">
          <updateUseMobile></updateUseMobile>
      </el-tab-pane>
    </el-tabs>

    </div>
</template>

<script>
import updateUseInfo from "./components/update_UseInfo"
import updateUsePassword from "./components/update_UsePassword"
import updateUseMobile from "./components/update_UseMobile"
export default {
  components:{
    updateUseInfo,
    updateUsePassword,
    updateUseMobile
  },
  data(){
    return{
      activeUpdateName:"info"
    }
  }
}
</script>
<style>
.account_wrapper{
  text-align: left;
}
</style>
